<template>
  <div class="bg-white rounded-xl p-6 shadow-md card-hover">
    <div class="flex items-center mb-4">
      <div class="bg-accent1/20 p-3 rounded-full mr-3">
        <i class="fas fa-headset text-accent4"></i>
      </div>
      <h3 class="font-bold text-lg text-gray-800">需要帮助？</h3>
    </div>
    <p class="text-gray-600 mb-4">有任何问题可以随时联系我们的客服团队</p>
    <div class="grid grid-cols-2 gap-3">
      <button
        class="flex items-center justify-center bg-accent1/20 hover:bg-accent1/30 text-accent4 py-2 rounded-lg transition-colors">
        <i class="fas fa-phone-alt mr-2"></i> 电话
      </button>
      <button
        class="flex items-center justify-center bg-accent1/20 hover:bg-accent1/30 text-accent4 py-2 rounded-lg transition-colors">
        <i class="fas fa-comments mr-2"></i> 在线客服
      </button>
    </div>
  </div>
</template>

<script>
export default {
  name: "ContactService"
}
</script>